/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21/08/2014, 06:58:21 PM
    Author     : Jorge
*/
*body{
    background-image: url("../../imagenes/fondo1.PNG");
    background-attachment: fixed;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: white;
}
.tabla_nutri{
    margin-top: 15%;
    border: 1px;
    border-radius: 5px;
}

.tache{
    width: 25px;
    height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabla_nutri td{
    padding: 5px;
    border-radius: 15px;
    text-align: center;
}
#cabecera{
     background: -webkit-linear-gradient(orange,orange);
   background: -moz-linear-gradient(orange, yellow);
   background: -o-linear-gradient(orange, yellow);
    border-radius: 15px;
    border-width: 0px;
    font-weight:bold;
    letter-spacing: 5px;
    font-size: 20px;
}
.btn_nutri{
    width: 105%;
    padding: 5px;
    letter-spacing: 3px;
}
.cuerpo{
    background-color: blue;
}
.div_paciente{
    background-color: orange;
    margin-top: 5%;
    border-radius: 5px;
    width: 100%;
    font-weight:bold;
    letter-spacing: 5px;
    font-size: 20px;
}
.div_paciente table{
    padding: 5px;
    width: 100%;
}
.div_paciente td{
    width: 50%;
}
.div_paciente span{
   font-size: 20px;
   letter-spacing: 2px;
   margin-left: 60px;
   padding: 5px;
}
.campo{
    width: 90%;
}
.div_paciente2{
    margin-top: 2%;
    border-radius: 5px;
    width: 100%;
    background-color: orange;
    font-weight:bold;
    letter-spacing: 5px;
    font-size: 20px;
}
.div_paciente2 table{
    padding: 5px;
    text-align: center;
    width: 100%;
}
.div_paciente2 span{
   font-size: 18px;
   letter-spacing: 1px;
   padding: 5px;
}
.alimentos-alta-dieta{
    margin-top: 15%;
}
.alimentos{
    width: 80%;
    background-color: orange;
    padding: 20px;
    border-radius: 5px;
}
.alimentos td{
}
/*Comienzan estilos de la pagina que asigna las dietas*/

.asig_tabla{
    width: 80%;
    margin-top: 10%;
}
.tabla_cabezera{
    background-color: orange;
}
.asig_tabla td{
    padding: 5px;
}
.boton_asig{
    width: 150px;
}
.id_class{
    width: 25px;
    text-align: center;
    margin-left: 20%;
}
/*Mostrar Dieta*/
.mostrar_dieta{
    text-align: center;
    width: 90%;
    float: left;
     margin-top: 10%;
}
.mostrar_dieta td{
    width: 400px;
}
.mostrar_dieta a{
    text-decoration: none;
}
.mostrar_dieta span{
    font-size: 20px;
    letter-spacing: 1px;
    padding: 5px;
    color: white;
}
.mostrar_dieta h2{
   
    background-color: orange;
    font-size: 28px;
    color: white;
    letter-spacing: 2px;
    padding: 10px;
    border-radius: 2px;
}
/*estilos de cabecera*/
.Cabezera{
    margin-top: 0;
    width: 75%;
    float: right;
    text-align: right;
}
/*estilos de alta de dieta*/
.tabla_alimento{
    margin-top: 11%;
    color: white;
    font-size: 20px;
    letter-spacing: 2px;
    text-align: center;
    background-color: orange;
    padding: 5px;
    border-radius: 5px;
}
.tabla_alimentos{
    margin-top: 5%;
    width: 100%;
    border-collapse: collapse;
    border-radius: 5px;     
    color:white;
    font-size: 18px;
    letter-spacing: 3px;
}
.tabla_alimentos td{
    width: 20%;
    padding: 3px;
    
}
.tabla_alimentos_tr{
    background-color: orange;
    color:white;
}
.regresa{
    float:left;
    margin-top: 2px;
    margin-left: 10px;
    width: 60px;
    height: 60px;
}
/*estilos alta alimento*/
.tabla-alta-dieta{
    width: 80%;
}

.alta-dieta-nombre{
    margin-top:21%;
  background-color: orange;
  color: #ffffff;
  width: 90%;
  padding: 20px;
  border-radius: 5px;
}
.alta-dieta-nombre input{
    width: 100%;
}
.alta-dieta-nombre select{
    width: 100%;
    padding: 3px;
}
.alta-dieta-nombre textArea{
    width: 100%;
}